.ani {
	animation: message 2s linear 1;
}
@keyframes message {
  0%, 100% {
    opacity: 0;
    transform: translateY(-5px);
  }
  5%, 95% {
    opacity: 1;
    transform: translateY(0);
  } 
}

@keyframes messages {
  0% {
    opacity: 0;
    // transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    // transform: translateY(0);
  } 
}

.alert {
  width: 80px;
  height: 40px;
  border: 1px solid red;
  animation: messages 0.3s linear 1;
}